<template>
  <div
    :style="{ paddingTop: `${searchBarTop}px` }"
    class="noData relative box-border min-h-screen">
    <image
      :src="`${cdnUrl}/imgs/noOpen/bg.png${imgVersion}`"
      mode="scaleToFill"
      class="absolute left-0 right-0 top-0 min-h-screen w-100% -z-9"
    />
    <div
      @click="goback"
    >
      <div class="z-999 mb-16rpx ml-24rpx flex items-center">
        <uni-icons type="back" size="28" />
      </div>
    </div>
    <div class="mt-230rpx flex flex-col items-center">
      <div class="image">
        <image
          :src="`${cdnUrl1}/imgs/xy/other/noneeattention.png${imgVersion}`"
          mode="scaleToFill"
          class="h-364rpx w-364rpx"
        />
      </div>
      <div class="mb-64rpx text-28rpx text-hex-7C8699">暂未开放</div>
      <!-- <div
        class="h-76rpx w-246rpx border-2rpx border-hex-29B897 rounded-80rpx border-solid text-center text-28rpx leading-76rpx text-hex-29B897"
        @click="goback">返回</div> -->
    </div>
  </div>
</template>

<script lang="ts" setup>
const goback = () => {
  uni.reLaunch({
    url: '/pages/health',
  })
}
let searchBarTop: any = $ref('24')

onLoad((options) => {
  // #ifndef H5
  let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
  searchBarTop = menuButtonInfo.top
  // #endif
})
</script>
